﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DetailPage.ascx.cs"
    Inherits="Workflow.Alerts.Sublayouts.DetailPage" %>
<br />
<div class="contentHeader">
    <h1 class="h1PageTitle floatLeft">
        <asp:Label ID="ListName" runat="server" Text="Details"></asp:Label>
    </h1>
    <ul class="tabs tag_tabs floatRight" id="ctrlTabs">
        <li><a href="./#TabContent1">Lijstweergave</a></li>
        <li><a href="./#TabContent2">Kaart</a></li>
    </ul>
</div>
<div class="clear">
</div>
<div class="mapContainer tag_mapContainer mapContainerSummary">
    <iframe src="<%=DetailsPath%>" scrolling="no" frameborder="0" width="960" height="800"
        class="details tag_details" id="AlertDetailsFrame" allowtransparency='true'>
    </iframe>
    <div id="Map" class="map mapFullContent">
    </div>
    <input id="MapXml" type="hidden" runat="server" class="tag_mapXML" />
</div>
<div class="footerButtonContainer">
    <div class="list">
        <asp:Button ID="btnPrev" CssClass="btnPrev" runat="server" Text="" OnClick="btnPrev_Click" />
        <asp:Button ID="btnNext" CssClass="btnNext" runat="server" Text="" OnClick="btnNext_Click" />
    </div>
</div>

<script type="text/javascript">
    /* <![CDATA[ */
    var oMap
    (function() {
        // Opening Google Maps
        var xmlURL = jQuery('input.tag_mapXML').val()
        if (xmlURL != "") {
            oMap = new Estate.GoogleMaps(
				{
				    mapId: 'Map',
				    mapKeys: [
						['test.workflow.nl', 'ABQIAAAAwzwUIGbrJwzzTe8UohabdxQVwvJ9-_U6zyxsvMfvW_sG8qH9VxS_LjiC08_h852ycY1Wd3LOA-yx1A'],
						['workflow.estate.nl', 'ABQIAAAAQE0_7SZ0v6IpnSDnGsOfahSlw1ZaX0rHVZpv6TQGWfQXgGqglRRHMczYPJgptQdgN2HO2DysQx6g3g']
					],
					mapId: 'Map',
				    locationsUrl: xmlURL
				},
				"oMap"
			)
            oMap.Init()
        } else {
            throw new Error("Input field 'tag_mapXML' does not contain an URL to an XML.")
        }
    })()
    /* ]]> */
</script>

<asp:PlaceHolder ID="phHideMap" runat="server" Visible="false">

    <script type="text/javascript">
        (function() {
            jQuery('#ctrlTabs').hide();
        })()
    </script>

</asp:PlaceHolder>